#video-detail-container-unique {
  width: 100%;
  height: 100vh;
  background-color: #000;
  position: relative;
  color: #fff;
  overflow: hidden;
  .video-container {
    width: 100%;
    position: absolute;
    top: 30%;
    left: 40%;
    transform: translate(-40%, -50%);
    #video {
      width: 100% !important;
      height: 18.75rem;
    }
  }
  .control-btns-container {
    height: 15.625rem;
    position: fixed;
    right: 0.9375rem;
    bottom: 9.375rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

    .btn-item {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }
  .video-other-info-bottom {
    position: fixed;
    left: 0;
    bottom: 1.25rem;
    padding: 0 1.25rem 0.625rem 1.25rem;
    .video-creator-info {
      display: flex;
      align-items: center;
      .at-tag {
        margin-left: 0.625rem;
        color: #ccc;
        background-color: #ff0000;
        border: none;
      }
      .creator-name {
        margin-left: 0.625rem;
      }
    }
    .video-title {
      margin-top: 0.3125rem;
      font-weight: 600;
    }
  }
  .layout-body__content {
    max-height: 900rpx;
  }
}
